import Taro,{ Component } from "@tarojs/taro";
import { ScrollView,View } from "@tarojs/components";
import { AtGrid } from "taro-ui";
import './Film.scss';

export default class Film extends Component {
  state = {
    windowHeight:100,
    current:0,
  }
  onScrolltoupper = (event)=>{
    console.log(event);
  }
  onScroll = (event)=>{
    console.log(event.detail);
  }
  handleClick = (val)=>{
    console.log(val);
  }
  AtGrid = (item:Object,index:number)=>{
    console.log(item);
    let value = '';
    switch (index) {
      case 0:
        value = '/pages/cnode/index'
        break;
      case 1:
        break;
      case 2:
        break;
      case 3:
        break;
    }
    Taro.navigateTo({
      url:value
    })
    console.log(index);
  }
  componentWillMount(): void {
    let _this = this;
    Taro.getSystemInfo({
      success(res){
        _this.setState({
          windowHeight:res.windowHeight
        })
      }
    })
  }

  render(){
    let height = this.state.windowHeight - 77;
    const scrollStyle = {
      height: height + "px"
    }
    const scrollTop = 0
    const Threshold = 20
    return (
        <ScrollView
          // className='scrollview'
          scrollY
          scrollWithAnimation
          scrollTop={scrollTop}
          style={scrollStyle}
          lowerThreshold={Threshold}
          upperThreshold={Threshold}
          onScrolltoupper={this.onScrolltoupper}
          onScroll={this.onScroll}>
          <View className='container'>
            <AtGrid
              onClick={this.AtGrid.bind(this)}
              data={
              [
                {
                  image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png',
                  value: 'cNode'
                },
                // {
                //   image: 'https://img20.360buyimg.com/jdphoto/s72x72_jfs/t15151/308/1012305375/2300/536ee6ef/5a411466N040a074b.png',
                //   value: '找折扣'
                // },
                // {
                //   image: 'https://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png',
                //   value: '领会员'
                // },
                // {
                //   image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png',
                //   value: '新品首发'
                // },
                // {
                //   image: 'https://img14.360buyimg.com/jdphoto/s72x72_jfs/t17251/336/1311038817/3177/72595a07/5ac44618Na1db7b09.png',
                //   value: '领京豆'
                // },
                // {
                //   image: 'https://img30.360buyimg.com/jdphoto/s72x72_jfs/t5770/97/5184449507/2423/294d5f95/595c3b4dNbc6bc95d.png',
                //   value: '手机馆'
                // }
              ]
            } />
          </View>
        </ScrollView>
    )
  }
}
